<template>
  <my-pro
    ref="layout"
    class="preview-layout" 
    title="测试主题"
    mode="navbar"
    navbar-theme="dark"
    :fixed="true"
    :rainbow="true"
  >
    <header-tools slot="actions"></header-tools>
    <div class="common-page">
      <router-view></router-view>
    </div>
  </my-pro>
  
</template>
<style lang="scss" scoped>

</style>
<script> 
import {change} from '$ui/utils/skin'
export default {
  mixins: [],
  components: { 
  },
  props: {
  },
  data() {
    return {
    }
  },
  computed: {
  },
  methods: {
  },
  created() {
    change({
      theme: 'default', 
      app: 'other', 
      isMaster: false
    })
  },
  mounted() {}
}
</script>